<template>
  <div>
    <!-- 
      手动去添加界面 并且配置路由
      1.新建一个页面 例如: User.vue
      2.去到router文件夹下 -> index.js文件中 routes里去增加自己路由映射关系
      {
        // 用户界面的路径 自定义 
        path: '/user',
        // 用户界面的命名路由
        name: 'User',
        // 用户界面的组件
        component: () => import('../views/User.vue')
      }
      3.去到App.vue中进行相关的配置 
      <router-link to="你的路由的path路径">User</router-link>
      <router-view></router-view>
     -->
    我是用户界面
    {{ $route.params.userId }}
    {{ getUserId() }}
  </div>
</template>

<script>
export default {
  methods: {
    getUserId() {
      console.log(this.$route.params.userId);
    },
  },
};
</script>

<style scoped>
</style>